import React, { Component } from 'react'

// class Title extends React.Component {
//   render () {
//     return (
//       <h1>标题{ this.props.name } - { this.props.test }</h1>
//     )
//   }
// }
const Title = (props) => {
  return (
    <h1>标题{ props.name } - { props.test }</h1>
  )
}
class Content extends React.Component {
  render () {
    return (
      <div>内容 - { this.props.a }</div>
    )
  }
}
class App extends Component {
  render () {
    return (
      <>
        <Title name="HTML5权威指南" test="测试"/>
        <Content a = "HTML5内容"/>
      </>
    )
  }
}

export default App